@import "_function";
.proListBox{
  .header {
    .h(90);
    .p(0, 56, 0, 22);
    overflow: hidden;
    display: flex;
    align-items: center;
    .back {
      float: left;
      .w(30);
      .h(42);
    }
    .search {
      position: relative;
      float: left;
      .ml(136);
      .w(368);
      .h(46);
      border: 1px solid #000000;
      .bdr(20);
      input {
        .w(310);
        .lh(46);
        border: none;
        position: absolute;
        left: 0;
        background: none;
        .fs(24);
        color: #a5a3a3;
        .ti(10);
      }
      button {
        .w(56);
        .h(46);
        border: none;
        position: absolute;
        right: 0;
        background-image: url(../img/pro_search/pro_search_2.png);
        .bgs(31, 32);
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        .bgp(10, 10);
      }
    }
    .shop-car{
    .w(60);
      .h(44);
      float: left;
      .ml(50);
    }
  }
  .nav{
    border-bottom: 2px solid #878787;
    border-top: 2px solid #878787;
    .lh(66);
    a{
      .fs(36);
      .ml(52);
      .mr(52);
      color: #000000;
    }
    a:nth-child(2){
      .ml(154);
      .mr(154);
    }
  }
  .search{
    .pl(22);
    .pr(22);
    border-bottom: 1px solid #878787;
    dl{
      overflow: hidden;
      .mb(44);
      .mt(20);
      dt{
        float: left;
        .mr(14);
        a{
          display: block;
          text-align: center;
          color: #6a6a6a;
        }
      }
      dd{
        float: left;
        a{
          display: block;
          .bdr(20);
          .fs(28);
          .w(116);
          text-align: center;
          color: #6a6a6a;
        }
        .on{
          background: #eeeeee;
          color: #00a0e9;
        }
      }
    }
    dl:nth-child(1){
      dd{
        .mr(32);
        a{
          .w(132)
        }
      }
      dd:last-child{
        .mr(0);
      }
    }
    dl:nth-child(2){
      dd{
        .w(118);
        .mr(10);
      }
      dd:last-child{
        .mr(0);
      }
    }
    dl:nth-child(3){
      dd{
        .mr(23);
        a{
          .w(84);
        }
      }
      dd:last-child{
        .mr(0);
      }
    }
  }
  .pro-list{
    .pl(22);
    .pr(22);
    ul{
      .mt(20);
      overflow: hidden;
      .mb(100);
      li{
        float: left;
        overflow: hidden;
        .mb(30);
        .w(340);
        a{
          display: block;
          img{
            .w(340);
            .h(332);
            .mb(6);
          }
          p{
            .fs(24);
            .lh(28);
            .h(56);
            color: #000000;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
        }
        b{
          display: block;
          float: left;
          .fs(24);
          color: #ff0000;
          position: relative;
          .t(8);
          s{
            .fs(36);
            color: #ff0000;
          }
        }
        .buy{
            display: block;
          float: right;
          .w(120);
          .fs(24);
          .lh(36);
          .mr(30);
          .mt(8);
          color: #ffffff;
          text-align: center;
          background:#ff0000;
        }
      }
      li:nth-child(2n+1){
        .mr(20)
      }
    }
  }
}